<!doctype html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="viewport-fit=cover,width=device-width,initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link href="../../../css/mui.min.css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="../../../css/reset.css" />
	<link rel="stylesheet" type="text/css" href="../../../css/style.css"/>
	<style>
		.mui-content{ position: relative; z-index: 3;}
		.mui-slider{ overflow: inherit;}
		.fixTab{ position: fixed; left: 0; top: auto; right: 0; z-index: 3; height: auto; background: #fff;}
	</style>
</head>

<body class="bgLight">
	<header class="mui-bar">
	    <h1 class="mui-title">学习中心</h1>
	</header>
	<div class="fixShadow"></div>
	<div id="refreshContainer">
	<div class="mui-content getHeight bgLight" id="my_order">
		<div class="mui-slider">
			<div id="" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted fixTab">
				<a class="mui-control-item" @tap="select_tap($event)" tab-index="course" :class="(tabIndex == 'course') ? 'mui-active' : ''">课程<em></em></a>
				<a class="mui-control-item" @tap="select_tap($event)" tab-index="ebook" :class="(tabIndex == 'ebook') ? 'mui-active' : ''">电子书<em></em></a>
			</div>
			<div class="mui-slider-group mt40">
				<div v-cloak class="mui-slider-item mui-control-content" v-show="tabIndex == 'course' && class_status == 1">
					<div class="hadProduct">
						<div class="course_nr courseContent">
							<ul class="mui-table-view">
								<li class="mui-table-view-cell mui-media course_list" :key="ind" v-for="(val,ind) in class_list" @tap="open_class_list(val.id)">
									<img class="mui-media-object mui-pull-left course_pic" :src="val.product_img">
									<div class="mui-media-body course_rtxt">
										<h4 class="ellipsis2">{{val.product_title}}</h4>
										<p class="person_price">
											<span class="courseStudy"><i class="mui-icon mui-icon-people"></i> {{val.studentNum}}</span>
											<!--<span class="coursePrice"><em>￥</em>{{val.price}}</span>-->
										</p>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="news_nr" v-show="tabIndex == 'course' && class_status == 0">
					<p class="noOrderPic"><img src="../../../images/noProducts.png" /></p>
					<p class="noOrderTxt">暂无数据</p>
					<p class="moreBtn"><a @tap="moreCourses">发现更多好课</a></p>
				</div>

				<div v-cloak class="mui-slider-item mui-control-content" v-show="tabIndex == 'ebook' && ebook_status == 1">
					<div class="hadProduct">
						<div class="read_nr readContent">
							<ul class="mui-table-view">
								<li class="mui-table-view-cell mui-media xsrd_list" :key="ind" v-for="(val,ind) in ebook_list" @tap="open_ebook_detai(val.id)">
									<img class="mui-media-object mui-pull-left xsrd_pic" :src="val.thumb">
									<div class="mui-media-body book_rtxt">
										<h4 class="ellipsis2 read_tt">{{val.title}}</h4>
										<p class="timePerson ellipsis2">{{val.oneWords}}</p>
										<p class="xs_person_price">
											<span class="bookStudy"><i class="mui-icon mui-icon-people"></i> {{val.views}}</span>
										</p>
									</div>
								</li>
								
							</ul>
						</div>
					</div>
				</div>
				<div class="news_nr" v-show="tabIndex == 'ebook' && ebook_status == 0">
					<p class="noOrderPic"><img src="../../../images/noProducts.png" /></p>
					<p class="noOrderTxt">暂无数据</p>
					<p class="moreBtn"><a @tap="moreBooks">发现更多好书</a></p>
				</div>
			</div>
		</div>
	</div>
	</div>

	<script src="../../../js/mui.min.js"></script>
	<script src="../../../js/jquery.min.js"></script>
	<script src="../../../js/vue.js"></script>
	<script type="text/javascript" src="../../../js/h.min.js"></script>
	<script src="../../../js/tpl/bought.js"></script>
	<script src="../../../js/public.js"></script>
</body>

</html>